<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form>
                    <p:panel header="Información de Usuario" style="width:40%;margin: 10px auto;">
                        <br/>
                        <p:panelGrid style="width: 70%;margin: 10px auto;margin: 0px auto;" id="verUsuario" styleClass="print">
                            <p:row>
                                <p:column>
                                    <h:outputText id="lblFormUsuario" value="USUARIO: " styleClass="lblVerN" />
                                </p:column>
                                <p:column>
                                    <h:outputText id="txtFormUsuario" 
                                                  value="#{BKUsuario.usuarioFormulario.usuario}" styleClass="lblVer" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText id="lblFormNombres" value="NOMBRES: "  />
                                </p:column>
                                <p:column>
                                    <h:outputText id="txtFormNombres" value="#{BKUsuario.usuarioFormulario.nombres}" styleClass="lblVer" />
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputText id="lblFormApellidos" value="APELLIDOS: " styleClass="lblVerN"/>
                                </p:column>
                                <p:column>
                                    <h:outputText id="txtFormApellidos" 
                                                  value="#{BKUsuario.usuarioFormulario.apellidos}" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText id="lblFormRol" value="ROL: " styleClass="lblVerN" />
                                </p:column>
                                <p:column>
                                    <h:outputText id="idFormRol"    
                                                  value="#{BKUsuario.usuarioFormulario.idRol.nombre}" styleClass="lblVer" />
                                </p:column>
                            </p:row>    
                        </p:panelGrid>

                        <br/>
                        <p:panelGrid style="width: auto;margin:0px auto;border:0px">
                            <p:row>
                                <p:column>
                                    <p:commandButton action="#{MBUsuario.cancelar()}" ajax="false" immediate="true" value="Volver"/>
                                </p:column>
                                <p:column>
                                    <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print">  
                                        <p:printer target="verUsuario" />    
                                    </p:commandButton >
                                </p:column>
                            </p:row>
                        </p:panelGrid>
                    </p:panel>
                </h:form>
            </f:view>     
        </ui:define>

    </ui:composition>
</html>
